<%@ taglib prefix="s" uri="/struts-tags" %>

<style>
	input[type="number"] {
		width:70px;
	}
	#container{
		max-width: 1000px;
		height:auto;
		display:inline-block;
		}
	#uploadProductLine2 {
		height:auto;
		display:inline-block;
		margin-left:175px;
		margin-top:30px;
	}
</style>

<div id="container">
	<div id="uploadProductLine2">
	<img width="625" height="80" src="./logos/step2.jpg" />
	<s:form action="uploadProductItem" method="post">
		<input type="hidden" name="productLineId" value="<s:property value="pid"/>"/>
		<input type="hidden" name="sizeCount" value="<s:property value="sizeNo"/>"/>
		<input type="hidden" name="colorCount" value="<s:property value="colorNo"/>"/>
		<TABLE id="pdTable" >
			<br>
			<h3>Quantity:</h3>
			<br>
			 <TR>
			 <TD></TD>
			 <TD></TD>
			 <TD align="center">XS</TD>
			 <TD align="center">S</TD>
			 <TD align="center">M</TD>
			 <TD align="center">L</TD>
			 <TD align="center">XL</TD>
			 <TD align="center">XXL</TD>
			 <TD align="center">One Size</TD>
			 </TR>
			 
			<s:iterator value="color" status="cnt" var="colorList">
				<TR>
				<TD><s:property value="name" /></TD>
				<TD bgcolor="<s:property value="hex" />" width="70px" style="outline: thin solid"></TD>
				<TD> <input name="colorsize[1][<s:property value="#cnt.count" />]" type ="number" value = "0" min = "0"/> </TD>
				<TD> <input name="colorsize[2][<s:property value="#cnt.count" />]" type ="number" value = "0" min = "0"/> </TD>
				<TD> <input name="colorsize[3][<s:property value="#cnt.count" />]" type ="number" value = "0" min = "0"/> </TD>
				<TD> <input name="colorsize[4][<s:property value="#cnt.count" />]" type ="number" value = "0" min = "0"/> </TD>
				<TD> <input name="colorsize[5][<s:property value="#cnt.count" />]" type ="number" value = "0" min = "0"/> </TD>
				<TD> <input name="colorsize[6][<s:property value="#cnt.count" />]" type ="number" value = "0" min = "0"/> </TD>
				<TD> <input name="colorsize[7][<s:property value="#cnt.count" />]" type ="number" value = "0" min = "0"/> </TD>
				</TR>
			</s:iterator>
			 
		</TABLE>
		<br><br>
		<s:submit value="Next" align="center"/>
	</s:form>
	</div>
</div>